.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
    background: #eeeeee;
    .header{
        width:100%;
        .px2rem(height, 100);
        background: rgba(129, 131, 132, .2);
        position: fixed;
        left:0;
        top:0;
        z-index: 99;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left{
            .px2rem(width, 120);
            .px2rem(height, 100);
            .item{
                text-align: center;
                dt{
                    .px2rem(font-size, 40); 
                    .px2rem(margin-top, 14);
                    color: #ffffff;
                }
                dd{
                    .px2rem(font-size, 26);
                    color: #ffffff;
                    .px2rem(margin-top, 6);
                }
            }
        }
        .center{
            width:70%;
            .px2rem(height, 74);
            .px2rem(border-radius, 50);
            background-color: #ffffff;
            color: #919191; 
            display: flex;
            align-items: center;
            img{
                .px2rem(width, 40);
                .px2rem(height, 40);
                .px2rem(margin-left, 20);
                .px2rem(margin-right, 30);
            }
            span{
                .px2rem(font-size, 32);
            }
        }
        .right{
            .px2rem(width, 120);
            .px2rem(height, 100);
            .item{
                text-align: center;
                dt{
                    .px2rem(font-size, 40); 
                    .px2rem(margin-top, 14);
                    color: #ffffff;
                }
                dd{
                    .px2rem(font-size, 26);
                    color: #ffffff;
                    .px2rem(margin-top, 6);
                }
            }
        }
    }
    .swiper-container{
        .swiper-wrapper{
            .swiper-slide{
                img{
                    width:100%;
                }
            }
        }
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        .px2rem(width, 20);
        .px2rem(height, 20);
    }
    .banner{
        width: 100%;
        .px2rem(height, 370);
        display: flex;
        flex-wrap: wrap;
        background: #fff;
        .time{
            width:25%;
            text-align: center;
            dt{
                img{
                    .px2rem(margin-top, 20);
                    .px2rem(width, 114);
                    .px2rem(height, 114);
                }
            }
            dd{
                .px2rem(margin-top, 10);
                .px2rem(margin-bottom, 10);
            }
        }
    }
    .column{
        width: 100%;
        .px2rem(height, 94);
        background: #ffffff;
        border-top:1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left{
            border-left:12px solid #2d8ff4;
            .px2rem(padding-left, 32);
        }
        span:last-child{
            .px2rem(height, 32);
            .px2rem(width, 20);
            .px2rem(margin-right, 18);
            .px2rem(margin-left, 24);
        }
        span:nth-child(2){
            .px2rem(height, 50);
            .px2rem(width, 44);
            background: #eeeeee;
            .px2rem(font-size, 28);
        }
        span:nth-child(3){
            .px2rem(height, 50);
            .px2rem(width, 44);
            background: #eeeeee;
            .px2rem(font-size, 28);
        }
        span:nth-child(4){
            .px2rem(height, 50);
            .px2rem(width, 44);
            background: #eeeeee;
            .px2rem(font-size, 28);
        }
        span:last-child{
            color: #898989;
            .px2rem(font-size, 32);
        }
    }
    .nav{
        width: 100%;
        background: #ffffff;
        .swiper-container{
            .swiper-wrapper{
                .slide{
                    .px2rem(width, 230);
                    position: relative;
                    div{
                        .px2rem(width, 106);
                        .px2rem(height, 50);
                        background: orange;
                        border-top-left-radius: 25px;
                        border-bottom-left-radius: 25px;
                        position: absolute;
                        .px2rem(right, 30);
                        .px2rem(bottom, 140);
                        .px2rem(line-height, 50);
                        text-align: center;
                        color: #fff;
                    }
                    .xian{
                        .px2rem(font-size, 28);
                        font-weight: bold;
                        text-align: center;
                        .px2rem(padding-top, 28);
                    }
                    .yuan{
                        .px2rem(font-size, 28);
                        text-align: center;
                        .px2rem(padding-top, 18);
                        color: #b1b1b1;
                        text-decoration: line-through;
                        .px2rem(margin-bottom, 30);
                    }
                }
            }
        }
    }
    .service{
        width: 100%;
        .px2rem(height, 368);
        // background: #ffffff;
        .px2rem(margin-top, 18);
        .px2rem(margin-bottom, 18);
        .left{
            float: left;
            width:44.7%;
            img{
                width:100%;
                .px2rem(height, 368);
            }
        }
        .right{
            float: right;
            width:54.7%;
            img{
                width:100%;
                .px2rem(height, 182);
            }
        }
    }
    .title{
        width:100%;
        .px2rem(height, 94);
        .px2rem(line-height, 94);
        color: #2d8ff4;
        background: #ffffff;
        p{
            .px2rem(margin-left, 34);
        }
    }
    .main{
        .px2rem(margin-top, 2);        
        .module{
            width:100%;
            .left{
                float: left;
                width:49.8%;
                img{
                    width:100%;
                }
            }
            .right{
                float:right;
                width:49.8%;
                img{
                    width:100%;
                }
            }
        }
        .modules{
            width:100%;
            div{
                float: left;
                width:24.6%;
                img{
                    width:100%;
                }
            }
            .div{
                margin-right:0.5%;
            }
        }
    }
    .menu{
        width:100%;
        .px2rem(height, 104);
        .px2rem(line-height, 104);
        text-align:center;
        color:#838383;
        clear:both;
    }
    .content{
        width:100%;
        clear:both;
        .status{
            width:98%;
            margin-left:1%;
            .px2rem(height, 436);
            .left{
                width:49%;
                float:left;
                background: #ffffff;
                .px2rem(margin-bottom, 12);
                img{
                    width:70%;
                    .px2rem(margin-top, 56);
                    .px2rem(margin-left, 64);
                }
                .p{
                    .px2rem(margin-top, 20);
                    .px2rem(margin-left, 20);
                    .px2rem(font-size, 28);
                }
                .qian{
                    color: red;
                    .px2rem(margin-top, 20);
                    .px2rem(margin-left, 20);
                    .px2rem(font-size, 26);
                    .px2rem(margin-bottom, 20);
                    span{
                        float:right;
                        .px2rem(margin-right, 20);
                        text-decoration: line-through;
                        color: #cdcdcd;
                    }
                }
            }
            .right{
                width:49%;
                float:right;
                background: #ffffff;
                .px2rem(margin-bottom, 12);
                img{
                    width:70%;
                    .px2rem(margin-top, 56);
                    .px2rem(margin-left, 64);
                }
                .p{
                    .px2rem(margin-top, 20);
                    .px2rem(margin-left, 20);
                    .px2rem(font-size, 28);
                }
                .qian{
                    color: red;
                    .px2rem(margin-top, 20);
                    .px2rem(margin-left, 20);
                    .px2rem(font-size, 26);
                    .px2rem(margin-bottom, 20);
                    span{
                        float:right;
                        .px2rem(margin-right, 20);
                        text-decoration: line-through;
                        color: #cdcdcd;
                    }
                }
            }
        }
        .status:last-child{
            .px2rem(margin-bottom, 140);
        }
    }

    .footer{
        width:100%;
        .px2rem(height, 112);
        background: #ffffff;
        position: fixed;
        left:0;
        bottom: 0;
        z-index: 99;
        display: flex;
        .time{
            width:20%;
            text-align: center;
            .iconfont{
                .px2rem(font-size, 60); 
                color: #a49191;
                .px2rem(margin-top, 10);
            }
            dd{
                color: #9e9191;
                .px2rem(margin-top, 6);
            }
        }
        .dl{
            .px2rem(width, 94);
            .px2rem(height, 94);
            background: #2d8ff4;
            border-radius: 50%;
            .px2rem(margin-top, 10);
            .dt{
                .px2rem(padding-top, 10);
                color: #ffffff;
            }
        }
    }
}